<template>
  <div>
    <p>Child</p>
    <p>{{ name }}</p>
    <p>{{ age }}</p>
    <button @click="handleClick">按钮</button>
  </div>
</template>

<script>
export default {
  name: "XChild",
  props: {
    name: String,
    age: Number,
  },
  methods: {
    handleClick() {
      // 触发事件 this.$emit(事件名称[, 参数1, 参数2, ...])
      this.$emit("setAge", 3);
      // this.$emit("click");
    },
  },
};
</script>

<style></style>
